<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <link rel="stylesheet" href="../css/login.css">
</head>

<body>
    <div class="dowebok" id="dowebok">
        <div class="form-container sign-up-container">
            <form>
                <h1>注册</h1>

                <span>请输入您的信息</span>

                <input type="text" id="Username" name="username" placeholder="姓名"
                    onblur="validate_username(this.value)">
                <div id="test_user"></div>
                <input type="password" id="Password" name="password" placeholder="以字母开头只能包含字母、数字和下划线"
                    onblur="validate_password(this.value)">
                <div id="test_pw"></div>
                <input type="password" id="Password2" name="password2" onblur="validate_password2(this.value)"
                    placeholder="确认密码">
                <div id="is_test_pw"></div>
                <button type="button" id="register">注册</button>
            </form>
        </div>
        <div class="form-container sign-in-container">
            <form>
                <h1>登录</h1>
                <span>或使用您的帐号</span>
                <input type="text" placeholder="姓名" class="user">
                <input type="password" placeholder="密码" class="pass">
                <div class="clj"><input type="checkbox" name="" id="wy">7天免登录</div>
                <a href="###">忘记密码？</a>
                <button type="button" id="login">登录</button>
            </form>
        </div>
        <div class="overlay-container">
            <div class="overlay">
                <div class="overlay-panel overlay-left">
                    <h1>已有帐号？</h1>
                    <p>请使用您的帐号进行登录</p>
                    <button class="ghost" id="signIn">登录</button>
                </div>
                <div class="overlay-panel overlay-right">
                    <h1>没有帐号？</h1>
                    <p>立即注册加入我们，和我们一起开始旅程吧</p>
                    <button class="ghost" id="signUp">注册</button>
                </div>
            </div>
        </div>
    </div>
    <script src="../libs/require.js" data-main="../js/login"></script>
</body>

</html>